<template>
  <el-row type="flex" justify="space-between">
    <el-row v-if="row.cost_price === 0" type="flex"><div class="free-price">免费</div></el-row>
    <el-row v-else type="flex">
      <div class="price">{{ row.cost_price | moneySymbol }}</div>
    </el-row>
  </el-row>
</template>

<script>
export default {
  props: {
    row: {
      type: Object,
      default: _ => {
        return {};
      }
    }
  }
};
</script>

<style lang="scss" scoped>
.price {
  color: $price-color;
}
</style>
